<template>
  <el-dialog title="新增目录" :visible="dialogFormVisible" width="20%" @close="closeDialog">
          <el-form :model="form">
            <el-form-item label="所属学科">
              <el-select v-model="form.subjectName" placeholder="请选择" style="width: 250px">
                <el-option
                v-for="item in subjectName"
                      :key="item.value"
                      :label="item.label"
                      :value="item.value"
                ></el-option>
              </el-select>
            </el-form-item>
            <el-form-item label="目录名称">
              <el-input
                v-model="form.name"
                autocomplete="off"
                style="width: 250px"
                placeholder="请输入目录名称"
              ></el-input>
            </el-form-item>
          </el-form>
          <div slot="footer" class="dialog-footer">
            <div style="text-align: right">
              <el-button @click="dialogFormVisible = false">取 消</el-button>
              <el-button type="primary" @click="dialogFormVisible = false"
                >确 定</el-button
              >
            </div>
          </div>
        </el-dialog>
</template>

<script>
export default {
  props: {
    dialogFormVisible: {
      type: Boolean,
      default: false
    }
  },
  data () {
    return {
      form: {
        subjectName: [],
        region: ''
      }
    }
  },
  methods: {

  }
}
</script>

<style scoped lang='less'></style>
